メインコンテンツへスキップ

All Posts

News bits

React Strict DOMが公開

Meta が React Strict DOM（RSD）を公開しました。これは Web およびネイティブ用のスタイル付き React コンポーネントの開発の改善および標準化を目的とした React DOM と StyleX の実験的な統合とのことです。

https://github.com/facebook/react-strict-dom

React Native for Web は React Native の API を Web 上で補完しようするものでしたが、RSD は Web API を React Native に組み込んでいこうとする試みです。

既にかなりの機能が実装されています。

https://github.com/facebook/react-strict-dom/blob/main/packages/react-strict-dom/COMPATIBILITY.md

jsx
import { css, html } from "react-strict-dom";

const styles = css.create({
  container: { borderTopWidth: 1 },
  h1: { padding: 10, backgroundColor: "#eee" },
  content: { padding: 10 },
});

export default function Example(props) {
  const { title, children } = props;
  return (
    <html.div style={styles.container}>
      <html.h1 style={styles.h1}>{title}</html.h1>
      <html.div style={styles.content}>{children}</html.div>
    </html.div>
  );
}

著者について

Hi there. I'm hrdtbs, a frontend expert and technical consultant. I started my career in the creative industry over 13 years ago, learning on the job as a 3DCG modeler and game engineer in the indie scene.

In 2015 I began working as a freelance web designer and engineer. I handled everything from design and development to operation and advertising, delivering comprehensive solutions for various clients.

In 2016 I joined Wemotion as CTO, where I built the engineering team from the ground up and led the development of core web and mobile applications for three years.

In 2019 I joined matsuri technologies as a Frontend Expert, and in 2020 I also began serving as a technical manager supporting streamers and content creators.

I'm so grateful to be working in this field, doing something that brings me so much joy. Thanks for stopping by.